// 引入当前的less
require('../less/register.less')

// 引入验证码插件
const CaptchaMini = require('../lib/captcha/captcha-mini')

// 文档加载完毕
document.ready(function () {
    let code = ''
    /*不传值，统一走默认值*/
    let captcha1 = new CaptchaMini({
        lineNum: 4     //线条数量
    });
    captcha1.draw(document.querySelector('#captcha1'), r => {
        // console.log(r, '验证码1');
        code = r
    });

    // 获取dom
    let registerBtn = document.querySelector('#registerBtn')  //注册按钮
    let regPhone = document.querySelector('#regPhone')  //手机号码
    let captchaInp = document.querySelector('#captchaInp')  //验证码输入框
    let regPwd = document.querySelector('#regPwd')  //密码
    let regPwdRe = document.querySelector('#regPwdRe')  //确认密码
    let passwordLogin = document.querySelector('#passwordLogin')  //密码登录

    // 添加registerBtn点击事件
    registerBtn.addEventListener('click', function () {
        // 获取所有输入框中的值
        let regPhoneVal = regPhone.value  //手机号码
        let captchaVal = captchaInp.value  //验证码
        let regPwdVal = regPwd.value  //密码
        let regPwdReVal = regPwdRe.value //确认密码

        // 验证
        // 手机号
        if (!window.$utils.phoneNum(regPhoneVal)) {
            // 提示信息
            window.$utils.showToast('icon-cuo', '请输入正确的手机号')

            // 验证码
        } else if (captchaVal !== code.toLowerCase()) {
            // 提示信息
            window.$utils.showToast('icon-cuo', '验证码不正确')

            // 密码
        } else if (!window.$utils.pwdNum(regPwdVal)) {
            // 提示信息
            window.$utils.showToast('icon-cuo', '请输入正确的密码,以字母开头')

            // 确认密码
        } else if (regPwdReVal !== regPwdVal) {
            window.$utils.showToast('icon-cuo', '两次密码不一致')

            // 都输入正确，发请求
        } else {
            axios.post(window.$utils.BASE_URL + '/users/add', {
                "account": regPhoneVal,
                "password": regPwdVal
            })
                .then(function (result) {
                    // console.log(result);
                    let res = result.data
                    if (res.status === 0) {
                        // 注册成功
                        window.$utils.showToast('icon-check', '注册成功')
                        // 箭头函数
                        window.setTimeout(() => {
                            //页面跳转
                            window.location.href = "./login.html";
                        }, 3000)
                    } else if (res.status === 1) {
                        // 注册失败
                        window.$utils.showToast('icon-cuo', '账号已存在')
                    }
                })
                .catch(function (error) {
                    console.log(error);
                })
            }
    })

    // 点击passwordLogin，跳转到登录页面
    passwordLogin.addEventListener('click', function () {
        location.href = './login.html'
    })


})

